<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <title>联系我们</title>
    <style>
        .contactUs_dFlex {
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
        }

        .contactUs_lText {
            width: 48.5%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;

        }

        /* 字体大小和颜色 */
        .contactUs_rImg p,
        .contactUs_lText .public_title,
        .contactUs_lText_ctn {
            color: var(--c_text);
            font-size: var(--f_describe);
            line-height: var(--l_describe);
        }

        .contactUs_lText .public_title p {
            padding-bottom: 14px;
        }

        .contactUs_rImg {
            width: 48.5%;
        }

        .contactUs_rImg img {
            width: 100%;
            height: 205px;
            padding-right: 150px;
        }

        .contactUs_rImg p {
            margin-top: 100px;
        }

        @media(max-width: 768px) {
            .contactUs_dFlex {
                display: block;
            }

            .contactUs_lText {
                width: 100%;
            }

            .contactUs_lText_title {
                margin-bottom: 28px;
            }

            .contactUs_rImg {
                width: 100%;
                margin-top: 10px;
            }

            .contactUs_rImg img {
                padding: 0;
            }

            .contactUs_rImg p {
                margin-top: 10px;
            }
        }
    </style>
</head>

<body>
    <div class="contactUs modular">
        <div class="public_width">
            <div class="contactUs_dFlex">
                <div class="contactUs_lText">
                    <div class="public_title">
                        <h2>联系我们</h2>
                        <p>contact</p>
                        <span>如有任何问题请联系我们，我们7*24小时竭诚为您服务</span>
                    </div>
                    <div class="contactUs_lText_ctn">
                        <p>联系电话 / 000-000-0000 </p>
                        <p>联系邮箱 / xxx@.co.m </p>
                        <p>联系地址 / XXX省XXX市XXX县XXX路XXX号</p>
                    </div>
                    <a class="button_small" href="#">
                        联系我们
                    </a>
                </div>
                <div class="contactUs_rImg">
                    <img src="../images/number_1.jpg" alt="">
                    <p>以诚信赢得市场，以质量铸造品牌，我们坚信：“品牌”不仅仅是一个商标，一件产品。而是一种品质，它用良好的质量维系消费者对企业的信赖。</p>
                </div>
            </div>
        </div>
    </div>

</body>

</html>